<template>
  <div class="common-layout">
    <Header/>
    <el-container id="container">
      <el-main>
        <el-result
            icon="success"
            title="购买成功！"
            sub-title="您可以点击右上角头像 → 查看订单中查看您的电影票据二维码">
          <template #extra>
            <el-button type="primary" @click="toHome">返回首页</el-button>
          </template>
        </el-result>
      </el-main>
    </el-container>
  </div>
</template>
<script setup>
import {useRouter} from "vue-router";

const router = useRouter();

const toHome = () => {
  router.push({path: "/home"});
}
</script>
<style scoped>

</style>